<template>
    <a-table :columns="columns" :data-source="dataSource"></a-table>
</template>
  
<script>
import { defineComponent } from 'vue';
import { Table } from 'ant-design-vue';

export default defineComponent({
    name: 'AdditionalContractTable',
    components: {
        'a-table': Table,
    },
    data() {
        return {
            columns: [
                {
                    title: '序号',
                    dataIndex: 'id',
                    key: 'id',
                },
                {
                    title: "增补合同名称",
                    dataIndex: "additionalContractName",
                    key: "additionalContractName"
                },
                {
                    title: '合同金额',
                    dataIndex: 'contractAmount',
                    key: 'contractAmount'
                },
                {
                    title: "签订时间",
                    dataIndex: "signingTime",
                    key: "signingTime"
                }, {
                    title: '审核状态',
                    dataIndex: 'reviewStatus',
                    key: 'reviewStatus'
                },
                {
                    title: '采购负责人',
                    dataIndex: 'purchaseManager',
                    key: ' purchaseManager '
                }
            ],
            dataSource: [
                {
                    "id": 1,
                    "contractNumber": "HT20220101",
                    "additionalContractName": "采购合同",
                    "supplierName": "供应商A",
                    "originalReceived": true,
                    "purchaseManager": "张三",
                    "department": "采购部门",
                    "company": "ABC公司",
                    "contractAmount": 100000,
                    'paidAmount': 80000,
                    'unpaidAmount': 20000,
                    'signingTime': '2022-01-01',
                    'reviewStatus': '已通过'
                }, {
                    "id": 2,
                    "contractNumber": "HT20220305",
                    "additionalContractName": "销售合同",
                    'supplierName': '供应商B',
                    'originalReceived': false,
                    'purchaseManager': "李四",
                    'department': "销售部门",
                    'company': "XYZ公司",
                    contractAmount: 50000,
                    paidAmount: 40000,
                    unpaidAmount: 10000,
                    signingTime: '2022-03-05',
                    reviewStatus: "未通过"
                }, {
                    "id": 3,
                    "contractNumber": "HT20220630",
                    "additionalContractName": '服务合同',
                    supplierName: '供应商C',
                    originalReceived: false,
                    purchaseManager: "王五",
                    department: "技术部门 ",
                    company: "EFG公司 ",
                    contractAmount: 200000,
                    paidAmount: 150000,
                    unpaidAmount: 50000,
                    signingTime: '2022-06-30',
                    reviewStatus: "审核中"
                }
            ]
        };
    },
});
</script>
  
<style scoped>
/* 可以自定义样式 */
</style>